.right-safe-govern-tab-item {
  box-sizing: border-box;
  font-size: 14px;
  height: 36px;
  line-height: 36px;
  width: 100px;
  cursor: pointer;
  padding-left: 12px;
  font-family: PuHuiTi-Regular;
  border-bottom: 1px solid transparent;
  border-image: linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.2) 51%,
      rgba(255, 255, 255, 0) 100%
    )
    1;

  &:last-child {
    border-bottom: none;
  }

  &.active {
    position: relative;
    background: linear-gradient(270deg, rgba(246, 110, 44, 0) 0%, rgba(246, 110, 44, 0.16) 100%);

    &::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      border-left: 2px solid #f66e2c;
      height: 100%;
      display: inline-block;
      vertical-align: middle;
    }

    &::after {
      content: "";
      position: absolute;
      top: 50%;
      bottom: 50%;
      transform: translate3d(0, -5px, -5px);
      right: 15px;
      height: 12px;
      width: 12px;
      background-size: 100% 100%;
      background-image: url("@/assets/icons/safeCoGovernance/right.png");
    }
  }

  &:hover {
    position: relative;
    background: linear-gradient(270deg, rgba(246, 110, 44, 0) 0%, rgba(246, 110, 44, 0.16) 100%);
  }
}
